<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
	<link rel="stylesheet" type="text/css" media="screen" href="resources/style.css" />
	<title>Comprovantes Online</title>
</h:head>

<h:body>

<p:layout fullPage="true"  >  
  
	<p:layoutUnit position="north" size="70" >
		<ui:include src="cabecalho.xhtml" />
	</p:layoutUnit>  
  
    <p:layoutUnit position="center"  >  
    	
    	<table style="margin-top: 30px;margin-left: 50px; border-spacing: 20px;" >
    		<tr>
    			<td width="60px"><img src="resources/imagens/upload.png"/></td>
    			<td>Upload de Documentos. </td>
    		</tr>
    		<tr>
    			<td width="60px"><img src="resources/imagens/ferramentas.png"/></td>
    			<td>Customização de Acesso.</td>
    		</tr>    		
    		<tr>
    			<td width="60px"><img src="resources/imagens/busca.gif"/></td>
    			<td>Busca Personalizada.</td>
    		</tr>    		
    		<tr>
    			<td width="60px"><img src="resources/imagens/seguro.gif"/></td>
    			<td>Sistema Seguro.</td>
    		</tr>    		    		
    	</table>
    </p:layoutUnit>  
  
    <p:layoutUnit position="west" header="&nbsp;&nbsp;Login" size="375"  >  

		<form id="form" name="form" method="post" action="j_spring_security_check" enctype="application/x-www-form-urlencoded">
		
		   <h:panelGrid columns="1" style="margin-left: 20px;" >
		   		
		   		<p:spacer height="10" />
		    	
			   <h:outputLabel value="E-mail:" />
			   <p:inputText label="E-mail" id="j_username" required="true" maxlength="70" size="35" requiredMessage="Informe o e-mail." />  
		
			   <h:outputLabel value="Senha:"/>
			   <p:password label="Senha" id="j_password" required="true" maxlength="10" size="35" requiredMessage="Informe a senha." />

				<p:messages id="messages" rendered="#{loginMB.mensagemVisivel}" />
							   
			   <p:spacer height="10" />
			   
			    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"	type="submit">
					<span class="ui-button-text">Entrar</span>
				</button>	     
				
				<p:spacer height="20" />
					
				<a	href="usuario.xhtml">Criar Conta</a>
				<br/>
				<a	href="novaSenha.xhtml">Esqueci Minha Senha</a>

			</h:panelGrid>
			
		</form>
    </p:layoutUnit>
    
    <p:layoutUnit position="south" size="43">
		<ui:include src="rodape.xhtml" />
    </p:layoutUnit>  
  
</p:layout>

</h:body>
</html>